@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Roboto:wght@300&family=Staatliches&display=swap');



body { background-color: grey}

.contenedor {
    margin: 0% auto;
    width: 80%;
    background-color: lightgray;
    border: 4px solid whitesmoke;}
    .head { color: tomato;
        text-align: center;
        padding: 10px;
    }

    .cuerpo
 {padding: 10px;
text-align: center;}

.pie {
    padding: 50px;
    text-align: left;
    background-color: whitesmoke;
    color: black;
}
h1{font-family: 'Monoton', cursive;
font-size:  300%;
;}

h2 {font-family: 'Staatliches', cursive;
color: white;}

p {font-family: 'Roboto', sans-serif;}
h3 {font-family: 'Roboto', sans-serif;
text-align: center;}
h4 {font-family: 'Monoton', cursive; text-align: center;}
strong {font-family: 'Roboto', sans-serif}